/*
 * @Author: YYJ
 * @Date: 2023-12-26 11:48:04
 * @Description: 
 * @FilePath: \lgd-admin\src\pages\operation\overview\index.tsx
 */
import { CheckCircleTwoTone, PlayCircleTwoTone, PoweroffOutlined } from '@ant-design/icons';
import { PageContainer, ProCard, StatisticCard } from '@ant-design/pro-components';
import { Button, Card, Carousel, Col, List, Row, Statistic, message } from 'antd';
import RcResizeObserver from 'rc-resize-observer';
import { useEffect, useState } from 'react';
import FocusForm from './focusForm';
import { StudyContentItem, StudyContentReq, focusProgress, OverviewItem } from '@/services/study/content';
import { queryStudying, queryOverview } from '@/services/study/overView';
import DurationLine from './durationLine';

export default () => {

    useEffect(() => {
    }, [])

    return (
        <PageContainer title={false}>
            <RcResizeObserver.Collection key="resize-observer">  
                <ProCard>
                    今天有 8 位预约客户，请合理安排时间
                </ProCard>
                <ProCard bordered split={'vertical'}>
                    <ProCard split="horizontal">
                        <ProCard split={'vertical'} >
                            <StatisticCard
                                statistic={{
                                    title: '今天业绩',
                                    value: "10000 元",
                                    trend: "up",
                                    tip: "昨天： 8000元",
                                    description: (
                                        "已完成：8888元"
                                    ),
                                }}
                            />
                            <StatisticCard
                                statistic={{
                                    title: '本周业绩',
                                    value: "10000 元",
                                    trend: "up",
                                    tip: "昨天： 8000元",
                                    description: (
                                        "已完成：8888元"
                                    ),
                                }}
                            />
                        </ProCard>
                        <ProCard split="vertical">
                            <StatisticCard
                                statistic={{
                                    title: '本月业绩',
                                    value: "10000 元",
                                    trend: "up",
                                    tip: "昨天： 8000元",
                                    description: (
                                        "已完成：8888元"
                                    ),
                                }}
                            />
                            <StatisticCard
                                statistic={{
                                    title: '本年业绩',
                                    value: "10000 元",
                                    trend: "up",
                                    tip: "昨天： 8000元",
                                    description: (
                                        "已完成：8888元"
                                    ),
                                }}
                            />
                        </ProCard>
                    </ProCard>
                    <ProCard title="客户分类图"></ProCard>
                </ProCard>
                <ProCard title="业绩趋势">
                    {/* <DurationLine/> */}
                </ProCard>
            </RcResizeObserver.Collection>
        </PageContainer>
    );
};